<template>
    <div class='container goods-panel'>
        <!--商品名称-->
        <div class='row'>
            <div class='col-lg-12' style='text-align: left'>
                <span class='goods-name'>我是商品大类名称</span>
            </div>
        </div>
        <div class='row'>
            <div class='col-lg-2 col-xs-2 col-md-0 col-sm-0' style='height: 400px;'>
                <a href='#'>
                    <img src='https://note.youdao.com/yws/api/personal/file/F162B4DCB3EF4131B92F9B3987C42359?method=download&shareKey=48b72d440c4fb42facb2a3419d3f2cd7'>
                </a>
            </div>
            <div class='col-lg-10'>
                <div class='row'>
                    <div class='col-lg-6 col-xs-6 col-md-12 col-sm-12'>
                        <a href='#'>
                            <img src='https://note.youdao.com/yws/api/personal/file/33386D8B13A046F9A834C02695EAA56B?method=download&shareKey=87cbd269d9a9fe0480da7931b2da439e'>
                        </a>
                    </div>
                    <div class='items col-lg-2 col-xs-2 col-md-4 col-sm-4'>
                        <a href='#'><img src='https://note.youdao.com/yws/api/personal/file/80ECA340A6184584A3D8E30F15FDF4E4?method=download&shareKey=e65bf0b9fb3af8e6c8c122f5129ccbf2'></a>
                        <a href='#'><p><font color='gray'>摄像头</font></p></a>
                        <p><font color='red'>￥599</font></p>
                    </div>
                    <div class='items col-lg-2 col-xs-2 col-md-4 col-sm-4'>
                        <a href='#'><img src='https://note.youdao.com/yws/api/personal/file/80ECA340A6184584A3D8E30F15FDF4E4?method=download&shareKey=e65bf0b9fb3af8e6c8c122f5129ccbf2'></a>
                        <a href='#'><p><font color='gray'>摄像头</font></p></a>
                        <p><font color='red'>￥599</font></p>
                    </div>
                    <div class='items col-lg-2 col-xs-2 col-md-4 col-sm-4'>
                        <a href='#'><img src='https://note.youdao.com/yws/api/personal/file/80ECA340A6184584A3D8E30F15FDF4E4?method=download&shareKey=e65bf0b9fb3af8e6c8c122f5129ccbf2'></a>
                        <a href='#'><p><font color='gray'>摄像头</font></p></a>
                        <p><font color='red'>￥599</font></p>
                    </div>
                </div>
                <div class='row'>
                    <div class='items col-lg-2'>
                        <a href='#'><img src='https://note.youdao.com/yws/api/personal/file/80ECA340A6184584A3D8E30F15FDF4E4?method=download&shareKey=e65bf0b9fb3af8e6c8c122f5129ccbf2'></a>
                        <a href='#'><p><font color='gray'>摄像头</font></p></a>
                        <p><font color='red'>￥599</font></p>
                    </div>
                    <div class='items col-lg-2'>
                        <a href='#'><img src='https://note.youdao.com/yws/api/personal/file/80ECA340A6184584A3D8E30F15FDF4E4?method=download&shareKey=e65bf0b9fb3af8e6c8c122f5129ccbf2'></a>
                        <a href='#'><p><font color='gray'>摄像头</font></p></a>
                        <p><font color='red'>￥599</font></p>
                    </div>
                    <div class='items col-lg-2'>
                        <a href='#'><img src='https://note.youdao.com/yws/api/personal/file/80ECA340A6184584A3D8E30F15FDF4E4?method=download&shareKey=e65bf0b9fb3af8e6c8c122f5129ccbf2'></a>
                        <a href='#'><p><font color='gray'>摄像头</font></p></a>
                        <p><font color='red'>￥599</font></p>
                    </div>
                    <div class='items col-lg-2'>
                        <a href='#'><img src='https://note.youdao.com/yws/api/personal/file/80ECA340A6184584A3D8E30F15FDF4E4?method=download&shareKey=e65bf0b9fb3af8e6c8c122f5129ccbf2'></a>
                        <a href='#'><p><font color='gray'>摄像头</font></p></a>
                        <p><font color='red'>￥599</font></p>
                    </div>
                    <div class='items col-lg-2'>
                        <a href='#'><img src='https://note.youdao.com/yws/api/personal/file/80ECA340A6184584A3D8E30F15FDF4E4?method=download&shareKey=e65bf0b9fb3af8e6c8c122f5129ccbf2'></a>
                        <a href='#'><p><font color='gray'>摄像头</font></p></a>
                        <p><font color='red'>￥599</font></p>
                    </div>
                    <div class='items col-lg-2'>
                        <a href='#'><img src='https://note.youdao.com/yws/api/personal/file/80ECA340A6184584A3D8E30F15FDF4E4?method=download&shareKey=e65bf0b9fb3af8e6c8c122f5129ccbf2'></a>
                        <a href='#'><p><font color='gray'>摄像头</font></p></a>
                        <p><font color='red'>￥599</font></p>
                    </div>
                </div>
            </div>
        </div>
        <div>
            <div class='hidden-md hidden-sm hidden-xs' style='padding-left: 14px;'>
                <img src='https://note.youdao.com/yws/api/personal/file/677413D727004A6791E9ECDC323B2046?method=download&shareKey=b44c94ecbba0a4b6d8cc2792a01dc704' style='width: 100%'>
            </div>
        </div>
    </div>
</template>

<script>
    export default {
        name: "goods",
        created() {

        }
    }
</script>

<style scoped>

    .row{
        margin: 10px auto;
    }

    .goods-panel img{
        width: 100%;
        height: 100%;
    }

    .goods-panel .goods-name{
        margin: 10px 0;
        padding: 10px;
        font-size: 30px;
        height: 55px;
        display: inline-block;
        /*line-height: 30px;*/
    }

    .goods-panel .items{
        text-align: center;
    }

</style>
